<template>
    <el-row class="contacu-us">
        <off-header></off-header>
        <div class="content">
            <h4>联系我们<span>CONTACT US</span></h4>
            <ul>
                <li>
                    <img src="../../assets/offWeb/QQ.png" height="70" width="70"/>
                    <p>微信联系方式<span>SCDN2NKN155、121556CXC2</span></p>
                </li>
                <li>
                    <img src="../../assets/offWeb/wx.png" height="70" width="70"/>
                    <p>QQ联系方式<span>SCDN2NKN155、121556CXC2</span></p>
                </li>
            </ul>
        </div>
    </el-row>
</template>

<script>
    import OffHeader from '../../components/offWeb/off-header.vue'
    //import NProgress from 'nprogress'
    export default {
        name: 'offiLofin',
        components: {
            OffHeader
        },
        data() {
            return {};
        },
        methods: {}
    }

</script>

<style lang="scss" scoped>
    *{ margin: 0; padding: 0;}
    .contacu-us {
        height: 100%;
        background: url("../../assets/offWeb/bg1.jpg") no-repeat center;
        background-size: 100% 100%;
    }

    .content {
         width: 50%;
         min-width: 600px;
        max-width: 800px;
       overflow: hidden;
        border: 1px dashed #fff;
        padding: 5%;
        color: rgba(255, 247, 240, 1);
        font-size: 16px;
        line-height: 30px;
         margin: 10% auto 0 auto;;
        h4 {
            width:25%;
            text-align: center;
            float: left;
            font-weight: normal;
            font-size: 30px;
            padding:10% 50px 0 0;
            span {
                 display: block;
                font-size: 12px;
                font-family: BodoniBT-Book;

                color: rgba(182, 157, 153, 1);
            }
        }
        ul {
            float: left;
            li{  clear: both;list-style: none; padding: 15px 0; width: 400px; font-size: 18px;
                p{ padding-top: 10px;}
            span{ display: block; font-size: 16px;}}
            img {
                float: left;
                padding-right: 20px;
            }
        }
    }

</style>